<template>
  <div id="app">
    <Header />
    <Nav />
    <router-view/>
    <Login />
    <Footer />
    <transition name="fade">
      <Toast v-show="$store.state.toast.isShowToast" />
    </transition>
    <Audio />
  </div>
</template>
<script>
import Toast from "@/components/home/Toast.vue"
import Header from "@/components/Header.vue"
import Nav from "@/components/Nav.vue"
import Footer from "./components/Footer.vue"
import Login from "@/components/Login.vue"
import Audio from "@/components/Audio.vue"
export default {
    data () {
        return {

 
        }
    },
    components:{
      Header,
      Nav,
      Footer,
      Login,
      Toast,
      Audio
    }
}
</script>
<style lang="less">
#app{
  background-color: #ccc;
}
</style>
